<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人网站</title>
    <!-- 公共样式 -->
    <link rel="stylesheet" href="./css/style.css">
    <!-- 主样式 -->
    <link rel="stylesheet" href="./css/about.css">
</head>

<body>
    <!-- header -->
    <header id="header">
    </header><!-- ending-->

    <!-- -------section -->
    <section id="about">
        <!-- 简要信息 -->
        <h2 class="section-title">我的简历</h2>
        <p id="introduce">简短介绍简短介绍简短介绍简短介绍简短介绍简短介绍简短介绍简短介绍简短介绍简短介绍...</p>
        <div class="container flex brief-intro">
            <img id="about-me" src="./images/about-me.png" alt="">
            <div id="intro" class="flex">
                <div id="profession">Web前端工程师</div>
                <div id="info" class="flex">
                    <div>生日：2002年3月27日</div>
                    <div>年龄：20</div>
                    <div>网站：www.example.com</div>
                    <div>城市：北京</div>
                    <div>电话：13145600333</div>
                    <div>Email：17714628337@163.com</div>
                    <div>电话：13145600333</div>
                    <div>学校：哈尔滨理工大学</div>
                </div>
            </div>
        </div>
        <!-- 信息完善度 -->
        <div id="rate">
            <h2 class="section-title red">个人技能</h2>
            <p id="introduce">Jifenreiingkdsiejdoi[ mdio msoem ldoe osm main dioam aowm a...</p>
            <div class="box flex">
                <div class="progress">
                    <div class="percent">
                        <img src="./images/prograss/red.png" alt="">
                        <p>100%</p>
                    </div>
                    <div class="rate-bar red"></div>
                </div>
                <div class="progress">
                    <div class="percent">
                        <img src="./images/prograss/cyan.png" alt="">
                        <p>80%</p>
                    </div>
                    <div class="rate-bar cyan"></div>
                </div>
                <div class="progress">
                    <div class="percent">
                        <img src="./images/prograss/blue.png" alt="">
                        <p>60%</p>
                    </div>
                    <div class="rate-bar blue"></div>
                </div>
                <div class="progress">
                    <div class="percent">
                        <img src="./images/prograss/orange.png" alt="">
                        <p>50%</p>
                    </div>
                    <div class="rate-bar orange"></div>
                </div>
                <div class="progress">
                    <div class="percent">
                        <img src="./images/prograss/pupr.png" alt="">
                        <p>80%</p>
                    </div>
                    <div class="rate-bar pupr"></div>
                </div>
                <div class="progress">
                    <div class="percent">
                        <img src="./images/prograss/green.png" alt="">
                        <p>70%</p>
                    </div>
                    <div class="rate-bar green"></div>
                </div>
            </div>
        </div>
        <!-- main -->
        <div class="main container">
            <div>
                <h3>教育经历</h3>

                <div class="flex contents">
                    <div class="dot orange"></div>
                    <p class="date orange">2019年8月10日-至今24234</p>
                    <div class="content">
                        <span class="content-info">东北林业大学（硕士） <span class="orange">计算机专业</span></span>
                        <span class="content-main">
                            <p>硕士研究生学位课程，包括：（1）矩阵论；（2）概率论与数理统计；（3）概率论与随机过程；（4）微分方程数值解法。选修课程，包括：（1）应用泛函分析；（2）数学物理方程；（3）高等数值分析；（4）最优化理论与算法；（5）微分几何与计算几何；（6）数学建模
                            </p>
                        </span>
                    </div>
                </div>
                <div class="flex contents">
                    <div class="dot pupr"></div>
                    <p class="date pupr">2014年8月10日-2019年7月10日</p>
                    <div class="content">
                        <span class="content-info">哈尔滨理工大学 <span class="pupr">计算机专业</span></span>
                        <span class="content-main">
                            <p>主修：电子技术、离散数学、程序设计、数据结构、操作系统、计算机组成原理、微机系统、计算机系统结构、编译原理、计算机网络、数据库系统、软件工程、人工智能、计算机图形学、数字图像处理、计算机通讯原理、多媒体信息处理技术、数字信号处理、计算机控制、网络计算、算法设计与分析、信息安全、应用密码学基础
                            </p>
                        </span>
                    </div>
                </div>
                <h3>工作经验</h3>

                <div class="flex contents">
                    <div class="dot orange"></div>
                    <p class="date orange">2019年8月10日-至今</p>
                    <div class="content">
                        <span class="content-info">青盟科技有限公司 <span class="orange">Web前端工程师</span></span>
                        <span class="content-main">
                            <p>一、与设计师、产品工程师紧密工作在一起,实现产品前端UI和交互方面的开发需求，确保不同平台、设备上具有优秀的用户体验;</p>
                            <p> 二、配合后端工程师增加页面的JS交互效果以及CSS排版;</p>
                            <p> 三、根据不同的PC和手机浏览器编写高效的脚本代码;</p>
                            <p> 四、持续的优化前端体验和页面响应速度，并保证兼容性和执行效率。</p>
                            <p> 五、结合页面和系统功能，完成移动端页面/微信H5/小程序的开发、调试等工作，高效、高质地完成代码编写，确保符合前端代码规范;</p>
                            <p> 六、与后端开发团队紧密配合，完成接口对接，确保前后端有效交互;</p>
                            <p> 七、综合运用客户端和服务器端构建与优化方案、模块化开发等手段，提升开发效率和系统性能。</p>
                        </span>
                    </div>
                </div>
                <div class="flex contents">
                    <div class="dot pupr"></div>
                    <p class="date pupr">2019年8月10日-至今</p>
                    <div class="content">
                        <span class="content-info">百度 <span class="pupr">Web前端工程师</span></span>
                        <span class="content-main">
                            <p>一、与设计师、产品工程师紧密工作在一起,实现产品前端UI和交互方面的开发需求，确保不同平台、设备上具有优秀的用户体验;
                            <p></p> 二、配合后端工程师增加页面的JS交互效果以及CSS排版;</p>
                            <p> 三、根据不同的PC和手机浏览器编写高效的脚本代码;</p>
                            <p> 四、持续的优化前端体验和页面响应速度，并保证兼容性和执行效率。</p>
                            <p> 五、结合页面和系统功能，完成移动端页面/微信H5/小程序的开发、调试等工作，高效、高质地完成代码编写，确保符合前端代码规范;</p>
                            <p> 六、与后端开发团队紧密配合，完成接口对接，确保前后端有效交互;</p>
                            <p> 七、综合运用客户端和服务器端构建与优化方案、模块化开发等手段，提升开发效率和系统性能。</p>

                        </span>
                    </div>
                </div>
                <h3>项目经验</h3>

                <div class="flex contents">
                    <div class="dot orange"></div>
                    <p class="date orange">2019年8月10日</p>
                    <div class="content">
                        <span class="content-info">奔跑吧小程序</span>
                        <span class="content-main">
                            <p>开发快递小程序能让用户快速找到需要的信息，并且查看自己快递信息，让更多的用户能抵扣快件费用，开发快递小程序能让用户快速找到需要的信息，并且查看自己快递信息，让更多的用户能抵扣快件费用
                            </p>
                        </span>
                    </div>
                </div>
                <div class="flex contents">
                    <div class="dot pupr"></div>
                    <p class="date pupr">2019年8月</p>
                    <div class="content">
                        <span class="content-info">大学生软件外包服务平台 <span class="pupr">www.qingmengtech.com </span></span>
                        <span class="content-main">
                            <p>大学生软件外包服务平台大学生软件外包服务平台大学生软件外包服务平台大学生软件外包服务平台大学生软件外包服务平台大学生软件外包服务平台大学生软件外包服务平台
                            </p>
                        </span>
                    </div>
                </div>
            </div>

        </div>



    </section>
    <!-- ======= Footer ======= -->
    <footer>© Copyright tiro. All Rights Reserved </footer><!-- End Footer -->
</body>
<script src="./js/main.js"></script>
<script src="./js/about.js"></script>

</html>